<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Title      : Cup of Coffee
Version    : 1.0
Released   : 20081207
Description: A two-column, fixed-width and lightweight template ideal for 1024x768 resolutions. Suitable for blogs and small websites.

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Anonymous ePetitions Server</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styleserver.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="wrapper">

<!-- start header -->
<div id="header">

	<div id="menu">
		<ul>
			<li class="current_page_item"><a href="#">Homepage</a></li>
			<li><a href="#">About ePetitions</a></li>
			<li><a href="#">About SmartCards</a></li>
			<li><a href="#">About DAA Protocol</a></li>

			<li class="last"><a href="#">Repository </a></li>

		</ul>
	</div>
</div>
<!-- end header -->

<div id="logo">
	<h1><a href="#">ANONYMOUS EPETITIONS  </a></h1>
	<h2>WITH SECURE HARDWARE IN A GOOGLE ANDROID PHONE</h2>

</div>

<!-- start page -->
<div id="page">
	<!-- start content -->
	<div id="content">
		<div class="post">
			<h1 class="title">Petitions index</h1>
		  <div class="entry">
			<p>This is Cup of Coffee, is a free template from <a href="http://freecsstemplates.org/">Free CSS Templates</a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. The flower photo is fromt <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use this template for both commercial or personal use. I only ask that you link back to <a href="http://freecsstemplates.org/">my site</a> in some way. Enjoy :)</p>

		    <p>Vestibulum blandit augue at mi. Praesent fermentum lectus eget diam. Nam cursus, orci sit amet porttitor iaculis, ipsum massa aliquet nulla, non elementum mi elit a mauris. In hac habitasse platea. Vestibulum blandit augue at mi. Praesent fermentum lectus eget diam. Nam cursus, orci sit amet porttitor iaculis, ipsum massa aliquet nulla, non elementum mi elit a mauris. In hac habitasse platea.</p>
				<p><center><img src="images/petitioning.png" alt="petitioning" width="545" height="301" align="middle" /></center></p>
	      </div>
			<div class="meta">
				<p class="byline">Posted on May 21, 2011 by Antonio D&iacute;az </p>
				<p class="links"><a href="#" class="more">Read full article</a> <b>|</b> <a href="#" class="comments">Comments (32)</a></p>

			</div>
		</div>
		<div class="post">
			<h2 class="title">petition 1</h2>
		  <div class="entry">
			<p>Curabitur tellus. Phasellus tellus turpis, iaculis in, faucibus lobortis, posuere in, lorem. Donec a ante. Donec neque purus, adipiscing id, eleifend a, cursus vel, odio. Vivamus varius justo sit amet leo. Morbi sed libero. Vestibulum blandit augue at mi. Praesent fermentum lectus eget diam. Nam cursus, orci sit amet porttitor iaculis, ipsum massa aliquet nulla, non elementum mi elit a mauris. In hac habitasse platea.</p>
			  <p>Vestibulum blandit augue at mi. Praesent fermentum lectus eget diam. Nam cursus, orci sit amet porttitor iaculis, ipsum massa aliquet nulla, non elementum mi elit a mauris. In hac habitasse platea.</p>

				<p><a href="http://192.168.1.100:8080/ePetitionsServer/petition1.jsp">Click here to sign petition</a>
</p>
		  </div>
			<div class="meta">
				<p class="byline">Posted on June 18, 2011 by Antonio D&iacute;az</p>
				<p class="links"><a href="#" class="more">Read full article</a> <b>|</b> <a href="#" class="comments">Comments (32)</a></p>

			</div>
		</div>

	</div>
	<!-- end content -->
	<!-- start sidebar -->
	<div id="sidebar">
		<ul>
			<li id="search">

				<h2>Search</h2>
				<form method="get" action="">

					<fieldset>
					<input type="text" id="s" name="s" value="" />
					<input type="submit" id="x" value="Search" />
					</fieldset>
				</form>
			</li>

			<li>
				<h2>open petitions
				</h2>
				<ul>
				  <li><a href="#">Fusce dui neque fringilla</a></li>
				  <li><a href="#">Eget tempor eget nonummy</a></li>
				  <li><a href="#">Magna lacus bibendum mauris</a></li>
				  
				  <li><a href="#">Nec metus sed donec</a></li>
				  <li><a href="#">Magna lacus bibendum mauris</a></li>
				  
				  <li><a href="#">Velit semper nisi molestie</a></li>
				  <li><a href="#">Eget tempor eget nonummy</a></li>
			  </ul>
		    </li>

			<li>
				<h2>closed petitions</h2>
				<ul>

					<li><a href="#">Nec metus sed donec</a></li>
					<li><a href="#">Magna lacus bibendum mauris</a></li>
					<li><a href="#">Velit semper nisi molestie</a></li>

					<li><a href="#">Eget tempor eget nonummy</a></li>
					<li><a href="#">Nec metus sed donec</a></li>
					<li><a href="#">Magna lacus bibendum mauris</a></li>

					<li><a href="#">Velit semper nisi molestie</a></li>
				</ul>
			</li>

		</ul>
	</div>
	<!-- end sidebar -->
	<div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
</div>
  
  
<!-- start footer -->
<div id="footer">
	<div id="footer-wrap">
    <CENTER><a href="http://www.kuleuven.be" target="_blank"><img id="kul_logo" src="images/f_but_kul.png" alt="K.U.Leuven" /></a>

    <a href="http://www.esat.kuleuven.be" target="_blank"><img id="esat_logo" src="images/esat_logo.png" alt="ESAT"></a>
    <a href="http://www.esat.kuleuven.be/cosic" target="_blank"><img id="cosic_logo" src="images/logo_cosic_2.gif" alt="COSIC"></a></CENTER>
	<p id="legal">Copyright � Katholieke Universiteit Leuven .</p>
	</div>
</div>
<!-- end footer -->

</div>

</body>

</html>
